<template>
  <view class="agreement-container">
    <view class="header">
      <text class="title">用户协议</text>
      <text class="subtitle">最后更新日期：2025年05月20日</text>
    </view>
    
    <scroll-view class="content" scroll-y>
      <view class="section">
        <view class="section-title">一、总则</view>
        <view class="section-content">
          <p>1.1 欢迎您使用我们的服务。在注册成为用户之前，请认真阅读本《用户协议》（以下简称"本协议"），确保您充分理解本协议中各条款。</p>
          <p>1.2 您点击"同意"按钮后，本协议即构成对双方有约束力的法律文件。</p>
          <p>1.3 如果您未满18周岁，请在法定监护人的陪同下阅读本协议，并特别注意未成年人使用条款。</p>
        </view>
      </view>
      
      <view class="section">
        <view class="section-title">二、账号注册与使用</view>
        <view class="section-content">
          <p>2.1 您注册时需要提供真实、准确、完整的信息，并及时更新。</p>
          <p>2.2 您应对账号和密码的安全负责，所有使用您账号和密码的行为均视为您本人的行为。</p>
          <p>2.3 您不得将账号转让、出租或借给他人使用。</p>
          <p>2.4 如发现任何非法使用账号或安全漏洞的情况，请立即通知我们。</p>
        </view>
      </view>
      
      <view class="section">
        <view class="section-title">三、用户行为规范</view>
        <view class="section-content">
          <p>3.1 您承诺遵守中华人民共和国相关法律法规。</p>
          <p>3.2 您不得利用本服务从事以下行为：</p>
          <p>(1) 发布违法、违规信息；</p>
          <p>(2) 侵犯他人知识产权；</p>
          <p>(3) 传播病毒、恶意代码；</p>
          <p>(4) 干扰或破坏服务正常运行；</p>
          <p>(5) 其他违反公序良俗的行为。</p>
        </view>
      </view>
      
      <view class="section">
        <view class="section-title">四、服务内容与变更</view>
        <view class="section-content">
          <p>4.1 我们为您提供包括但不限于信息浏览、内容发布、社交互动等服务。</p>
          <p>4.2 我们有权根据业务需要调整服务内容，并提前通过适当方式通知您。</p>
          <p>4.3 因系统维护、升级等原因需要暂停服务时，我们将提前公告。</p>
        </view>
      </view>
      
      <view class="section">
        <view class="section-title">五、免责声明</view>
        <view class="section-content">
          <p>5.1 您理解并同意，使用本服务可能存在风险，我们对服务的适用性、可靠性不作担保。</p>
          <p>5.2 因不可抗力导致的服务中断或数据丢失，我们不承担责任。</p>
          <p>5.3 我们对用户发布的内容不预先审查，但有权删除违规内容。</p>
        </view>
      </view>
      
      <view class="section">
        <view class="section-title">六、协议修改</view>
        <view class="section-content">
          <p>6.1 我们有权根据需要修改本协议条款，修改后的协议将在公布后生效。</p>
          <p>6.2 如您不同意修改后的协议，可停止使用我们的服务。</p>
          <p>6.3 继续使用服务视为接受修改后的协议。</p>
        </view>
      </view>
      
      <view class="section">
        <view class="section-title">七、法律适用与争议解决</view>
        <view class="section-content">
          <p>7.1 本协议的订立、执行和解释及争议的解决均应适用中华人民共和国法律。</p>
          <p>7.2 如双方就本协议内容发生争议，应友好协商解决；协商不成时，任何一方均可向我们所在地有管辖权的人民法院提起诉讼。</p>
        </view>
      </view>
      
      <view class="contact">
        <view class="contact-title">联系我们</view>
        <view class="contact-info">
          <p>如果您对本协议有任何疑问，请联系我们：</p>
          <p>电子邮箱：1692809594@qq.com</p>
          <p>客服电话：15724102632</p>
        </view>
      </view>
    </scroll-view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  }
}
</script>

<style scoped>
.agreement-container {
  padding: 30rpx;
  height: 100vh;
  background-color: #fff;
}

.header {
  margin-bottom: 40rpx;
  text-align: center;
}

.title {
  font-size: 40rpx;
  font-weight: bold;
  display: block;
  margin-bottom: 10rpx;
}

.subtitle {
  font-size: 26rpx;
  color: #999;
}

.content {
  height: calc(100vh - 200rpx);
}

.section {
  margin-bottom: 40rpx;
}

.section-title {
  font-size: 32rpx;
  font-weight: bold;
  margin-bottom: 20rpx;
  color: #333;
}

.section-content {
  font-size: 28rpx;
  line-height: 1.6;
  color: #666;
}

.section-content p {
  margin-bottom: 15rpx;
  text-align: justify;
}

.contact {
  margin-top: 60rpx;
  padding-top: 30rpx;
  border-top: 1rpx solid #eee;
}

.contact-title {
  font-size: 32rpx;
  font-weight: bold;
  margin-bottom: 20rpx;
}

.contact-info {
  font-size: 28rpx;
  line-height: 1.6;
  color: #666;
}
</style>